// JavaScript Document
$(function(){
    //@Mr.Think***变量
    var $cur = 1;//初始化显示的版面
	var $w =206;//取得展示区外围宽度
	//@Mr.Think***调用自动滚动
	//var $autoFun;
	var $autoFun;
	autoSlide();
	//autoSlide($("span.next02"),$autoFun02);
	function autoSlide(){
		var $next=$("span.next");
		$next.trigger('click');
       	$autoFun = setTimeout(autoSlide, 3000);//此处不可使用setInterval,setInterval是重复执行传入函数,这会引起第二次划入时停止失效
	}

	showDiv($(".showbox01"), $("#showli01"));
	
	
	function showDiv(obj1,obj2) {
		var $showdiv=obj1;
		var $showbox = obj2;
		var $len = $($showdiv).children("li").length;//计算列表总长度(个数)
		var $zong=$($showdiv).parents(".showbox").siblings(".kongzhi").children(".wapnum").children(".zong");
		var $fen=$($showdiv).parents(".showbox").siblings(".kongzhi").children(".wapnum").children(".fen");
		var $pre=$($showdiv).parents(".showbox").siblings(".kongzhi").children('.pre');
		var $next=$($showdiv).parents(".showbox").siblings(".kongzhi").children('.next');
		$($zong).text($len);
		$($fen).text("1");
		$($showbox).css("width", $len*206);
		//@Mr.Think***向前滚动
    	$pre.click(function(){
        	if (!$showbox.is(':animated')) {
			  //判断展示区是否动画
            	if ($cur == 1) {   //在第一个版面时,再向前滚动到最后一个版面
                	$showbox.animate({
                    	left: '-=' + $w * ($len - 1)
                	}, 400); //改变left值,切换显示版面,500(ms)为滚动时间,下同
                	$cur = $len; //初始化版面为最后一个版面
					$($fen).text($cur);
            	}
            	else { 
                	$showbox.animate({
                    	left: '+=' + $w
                	}, 400); //改变left值,切换显示版面
                	$cur--; //版面累减
					$($fen).text($cur);
            	}
        	}
    	});
		//@Mr.Think***向后滚动
    	$next.click(function(){
        	if (!$showbox.is(':animated')) { //判断展示区是否动画
            	if ($cur == $len) {  //在最后一个版面时,再向后滚动到第一个版面
                	$showbox.animate({
                    	left: 0
                	}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
                	$cur = 1; //初始化版面为第一个版面
					$($fen).text($cur);
            	}
            	else {
                	$showbox.animate({
                    	left: '-=' + $w
                	}, 500);//改变left值,切换显示版面
                	$cur++; //版面数累加
					$($fen).text($cur);
            	}
        	}
    	});
	}

    
 	
})

// JavaScript Document
$(function(){
    //@Mr.Think***变量
    var $curyin = 1;//初始化显示的版面
	var $wyin =206;//取得展示区外围宽度
	//@Mr.Think***调用自动滚动
	var $autoFunyin;
	autoSlideyin();
	function autoSlideyin(){
		var $nextyin=$("span.next");
		$nextyin.trigger('click');
       	$autoFunyin = setTimeout(autoSlideyin, 3000);//此处不可使用setInterval,setInterval是重复执行传入函数,这会引起第二次划入时停止失效
	}

	showDivyin($(".showbox02"), $("#showli02"));
	function showDivyin(obj1,obj2) {
		var $showdivyin=obj1;
		var $showboxyin = obj2;
		var $lenyin = $($showdivyin).children("li").length;//计算列表总长度(个数)
		var $zongyin=$($showdivyin).parents(".showbox").siblings(".kongzhi").children(".wapnum").children(".zong");
		var $fenyin=$($showdivyin).parents(".showbox").siblings(".kongzhi").children(".wapnum").children(".fen");
		var $preyin=$($showdivyin).parents(".showbox").siblings(".kongzhi").children('.pre');
		var $nextyin=$($showdivyin).parents(".showbox").siblings(".kongzhi").children('.next');
		$($zongyin).text($lenyin);
		$($fenyin).text("1");
		$($showboxyin).css("width", $lenyin*206);
		//@Mr.Think***向前滚动
    	$preyin.click(function(){
        	if (!$showboxyin.is(':animated')) {
			  //判断展示区是否动画
            	if ($curyin == 1) {   //在第一个版面时,再向前滚动到最后一个版面
                	$showboxyin.animate({
                    	left: '-=' + $wyin * ($lenyin - 1)
                	}, 400); //改变left值,切换显示版面,500(ms)为滚动时间,下同
                	$curyin = $lenyin; //初始化版面为最后一个版面
					$($fenyin).text($curyin);
            	}
            	else { 
                	$showboxyin.animate({
                    	left: '+=' + $wyin
                	}, 400); //改变left值,切换显示版面
                	$curyin--; //版面累减
					$($fenyin).text($curyin);
            	}
        	}
    	});
		//@Mr.Think***向后滚动
    	$nextyin.click(function(){
        	if (!$showboxyin.is(':animated')) { //判断展示区是否动画
            	if ($curyin == $lenyin) {  //在最后一个版面时,再向后滚动到第一个版面
                	$showboxyin.animate({
                    	left: 0
                	}, 500); //改变left值,切换显示版面,500(ms)为滚动时间,下同
                	$curyin = 1; //初始化版面为第一个版面
					$($fenyin).text($curyin);
            	}
            	else {
                	$showboxyin.animate({
                    	left: '-=' + $wyin
                	}, 500);//改变left值,切换显示版面
                	$curyin++; //版面数累加
					$($fenyin).text($curyin);
            	}
        	}
    	});
	}
 	
})
